.float-kefu { position: fixed; right: 3%; z-index: 9999; bottom: 10%; --float-kefu-bg:#e80125; --item-width:45px; --gutter:5px; }
.float-kefu .item { width: var(--item-width); position: relative; margin-bottom: 5px; }
.float-kefu .item .item-wrap .item-icon { width: 45px; height: 45px; position: relative; border-radius: 5px; background-color: var(--float-kefu-bg); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.float-kefu .item .item-wrap .item-icon svg { width: 50%; height: 50%; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; }
.float-kefu .item .item-wrap .item-icon svg path { fill: #ffffff; }
.float-kefu .item .item-wrap .item-icon.goTop { cursor: pointer; }
.float-kefu .item .overlay { visibility: hidden; position: absolute; top: 0; right: 50px; }
.float-kefu .item .overlay .overlay-wrap { -webkit-transition: transform .3s,opacity .5s; -moz-transition: transform .3s,opacity .5s; -ms-transition: transform .3s,opacity .5s; -o-transition: transform .3s,opacity .5s; transition: transform .3s,opacity .5s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; position: relative; background-color: #ffffff; padding: 10px; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
.float-kefu .item .overlay .overlay-wrap .qrcode-img { width: 100px; height: 100px; }
.float-kefu .item .overlay .overlay-wrap .qrcode-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.float-kefu .item .overlay .overlay-wrap .qrcode-name { line-height: 24px; text-align: center; }
.float-kefu .item .overlay .overlay-wrap .tel { font-size: 18px; width: 150px; text-align: center; color: var(--float-kefu-bg); }
.float-kefu .item:hover .item-icon { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-1px); filter: drop-shadow(0 5px 3px rgba(14, 96, 196, 0.2)); }
.float-kefu .item:hover .overlay { visibility: visible; padding-right: 5px; }
.float-kefu .item:hover .overlay .overlay-wrap { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }